/**
* @Author: 858834013@qq.com
* @Name: provincesToChoose
* @Date: 2022-01-18
* @Desc: 省份选择器
*/
<template>
	<div>
		<div @click="getshow">
			<slot></slot>
		</div>
		<u-picker :title="title" :show="show" @cancel="show=false" @confirm="getConfirm" :columns="list"></u-picker>
	</div>
</template>

<script>
	export default {
		name: 'provincesToChoose',
		components: {},
		props: {
			title: {
				type: String,
				default () {
					return ''
				}
			},
			type: {
				type: Boolean,
				default () {
					return false
				}
			},
		},
		data() {
			return {
				show: false,
				datalist: [],
				list: [
					[
						'海外',
						'北京市',
						'天津市',
						'河北省',
						'山西省',
						'内蒙古自治区',
						'辽宁省',
						'吉林省',
						'黑龙江省',
						'上海市',
						'江苏省',
						'浙江省',
						'安徽省',
						'福建省',
						'江西省',
						'山东省',
						'河南省',
						'湖北省',
						'湖南省',
						'广东省',
						'广西壮族自治区',
						'海南省',
						'重庆市',
						'四川省',
						'贵州省',
						'云南省',
						'西藏自治区',
						'陕西省',
						'甘肃省',
						'青海省',
						'宁夏回族自治区',
						'新疆维吾尔自治区',
					]
				]
			};
		},
		mounted() {
		},
		methods: {
			getshow() {
				this.show = true
			},
			getConfirm(e) {
				var that = this;
				console.log(e)
				console.log(e.value[0])
				this.$emit('getdata', e.value[0])
				this.show = false
			}
		}
	}
</script>

<style lang="scss" scoped>

</style>
